<style type='text/css'>
    #poster {
        width: 320px;
        height: 504px;
        border: 1px solid #ccc;
        position: relative
    }

    #poster .bg {
        position: absolute;
        width: 100%;
        z-index: 0;
        max-height: 502px
    }

    #poster .drag[type=img] img, #poster .drag[type=thumb] img {
        width: 100%;
        height: 100%;
    }

    #poster .drag {
        position: absolute;
        width: 80px;
        height: 80px;
        border: 1px solid #9BF0E0;
        cursor: move;
    }

    #poster .drag[type=nickname] {
        width: 80px;
        height: 40px;
        font-size: 16px;
        font-family: 黑体;
    }

    #poster .drag img {
        position: absolute;
        z-index: 0;
        width: 100%;
    }

    #poster .notsel .rRightDown,#poster .notsel .rLeftDown,#poster .notsel .rLeftUp,#poster .notsel .rRightUp,#poster .notsel .rRight,#poster .notsel .rLeft,#poster .notsel .rUp,#poster .notsel .rDown {
        display: none;
    }

    #poster .rRightDown, .rLeftDown, .rLeftUp, .rRightUp, .rRight, .rLeft, .rUp, .rDown {
        position: absolute;
        width: 5px;
        height: 5px;
        z-index: 1;
        font-size: 0;
    }

    #poster .rRightDown, .rLeftDown, .rLeftUp, .rRightUp, .rRight, .rLeft, .rUp, .rDown {
        background: #18BC9C;
    }

    .rLeftDown, .rRightUp {
        cursor: ne-resize;
    }

    .rRightDown, .rLeftUp {
        cursor: nw-resize;
    }

    .rRight, .rLeft {
        cursor: e-resize;
    }

    .rUp, .rDown {
        cursor: n-resize;
    }

    .rLeftDown {
        left: -3px;
        bottom: -3px;
    }

    .rRightUp {
        right: -3px;
        top: -3px;
    }

    .rRightDown {
        right: -3px;
        bottom: -3px;
    }

    .rLeftUp {
        left: -3px;
        top: -3px;
    }

    .rRight {
        right: -3px;
        top: 50%;
        margin-top: -3px;
    }

    .rLeft {
        left: -3px;
        top: 50%;
        margin-top: -3px;
    }

    .rUp {
        top: -3px;
        left: 50%;
        margin-left: -3px;
    }

    .rDown {
        bottom: -3px;
        left: 50%;
        margin-left: -3px;
    }

    .context-menu-layer {
        z-index: 9999;
    }

    .context-menu-list {
        z-index: 9999;
    }

    .context-menu-list {
        margin: 0;
        padding: 0;
        min-width: 120px;
        max-width: 250px;
        display: inline-block;
        position: absolute;
        list-style-type: none;
        border: 1px solid #DDD;
        background: #EEE;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

    .context-menu-item {
        padding: 2px 2px 2px 24px;
        background-color: #EEE;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
    }

    .context-menu-separator {
        padding-bottom: 0;
        border-bottom: 1px solid #DDD;
    }

    .context-menu-item > label > input,
    .context-menu-item > label > textarea {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .context-menu-item.hover {
        cursor: pointer;
        background-color: #39F;
    }

    .context-menu-item.disabled {
        color: #666;
    }

    .context-menu-input.hover,
    .context-menu-item.disabled.hover {
        cursor: default;
        background-color: #EEE;
    }

    .context-menu-submenu:after {
        content: ">";
        color: #666;
        position: absolute;
        top: 0;
        right: 3px;
        z-index: 1;
    }

    .context-menu-item.icon {
        min-height: 18px;
        background-repeat: no-repeat;
        background-position: 4px 2px;
    }

    /* vertically align inside labels */
    .context-menu-input > label > * {
        vertical-align: top;
    }

    /* position checkboxes and radios as icons */
    .context-menu-input > label > input[type="checkbox"],
    .context-menu-input > label > input[type="radio"] {
        margin-left: -17px;
    }

    .context-menu-input > label > span {
        margin-left: 5px;
    }

    .context-menu-input > label,
    .context-menu-input > label > input[type="text"],
    .context-menu-input > label > textarea,
    .context-menu-input > label > select {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .context-menu-input > label > textarea {
        height: 100px;
    }

    .context-menu-item > .context-menu-list {
        display: none;
        right: -5px;
        top: 5px;
    }

    .context-menu-item.hover > .context-menu-list {
        display: block;
    }

    .context-menu-accesskey {
        text-decoration: underline;
    }

    .n-msg {
        display: none !important;
    }
</style>